Purpose

Improve PC part cards in list and two-column views by adapting their layout to the card’s available width.

Changes

• Use container queries to adjust image, text, price, and button placement.
• Make cards open details through clicking or pressing Enter/Space.
• Remove the separate “Show details” button.
• Keep build actions from also opening details.
• Update card tests for the new interaction.
• Center mobile notifications and animate them from the top.
• Respect reduced-motion preferences for animations.

Related issues

Closes #129

Verification

• npm test — all 106 tests passed after updating the card interactions.
• Tests cover reopening details, retrying failures, repeated clicks, request cancellation, and separate build actions.
• npm run build — previously blocked by the skeleton’s removed detailsAction prop; rerun after the latest fixes.
• Manual testing across screen sizes remains to be completed.

Screenshots

Checklist

• I have reviewed my own changes.
• The changes meet the linked issue's acceptance criteria, where applicable.
• I have verified the changes and recorded the results above.
• I have added or updated tests where needed.
• I have included screenshots for visual changes, or marked them not applicable.